<!DOCTYPE html>
<html>
<#include "common/common-head.html"/>
<style>
    body {
        height: auto;
        background: url(/H++/img/p3.jpg) no-repeat center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: rgba(255, 255, 255, .95);
        color: #0f0f0f;
    }
</style>
<body>
<div class="middle-box text-center loginscreen  animated fadeInDown">
    <div style=" margin-top: 100px;background-color: rgba(27, 18, 18,.5); border: 1px solid rgba(255,255,255,.6); padding: 20px;border-radius: 3px;">
        <div>
            <span style="color:#e6e6e6;font-size:28px;font-weight:100;margin-bottom:0">智能家居远程控制系统</span>
        </div>
        <form class="m-t" method="post" action="${basePath}/login" onsubmit="return submit_()">
            <div class="form-group">
                <input type="text" class="form-control" name="username" placeholder="用户名" required/>
            </div>
            <div class="form-group">
                <input type="password" class="form-control" name="password" placeholder="密码" required/>
            </div>
            <button type="submit" class="btn btn-primary block full-width m-b">登 录</button>
            <a href="/register" class="btn btn-success block full-width m-b">注 册</a>
        </form>
    </div>
</div>

</body>

<script>
    function submit_() {
        var username = $("input[name='username']").val();
        var password = $("input[name='password']").val();
        if (username.length == 0) {
            alert("请输入用户名");
            return false;
        }
        if (password.length == 0) {
            alert("请输入密码");
            return false;
        }
        return true;
    }
</script>


</html>
